<!DOCTYPE html>
<html>
<head>
    <meta content="charset=utf-8">
    <title>Demo展示-桃子同学的个人空间</title>
    <link rel="icon" href="/public/images/index/about/favicon.ico" >
    <link rel="stylesheet" href="/public/styles/base.css"/>
    <link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/3.2.1/css/font-awesome.min.css"/>
    <style>
        html,body{height: 100%}
        .outer{background: #252525 none repeat scroll 0 0;box-sizing: border-box;min-height: 100%;opacity: 0;padding-top: 1px;width: 100%;}
        .inner-box{width: 960px;background: #fff;margin: 0 auto;}
        .inner-box ul{overflow: auto;margin: 0;padding: 5px 0;}
        .inner-box ul li{float: left; width: 320px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center; padding: 18px 10px; height: 269px;}
        .inner-box ul li a{height: 195px;overflow: hidden;display: block;border: 1px solid}
        .inner-box ul li a img{width: 250px;}
        .inner-box ul li h4{font-size: 16px;}
        .inner-box ul li h5{color:#808080;text-align: right;margin: 0;font-size: 12px;}
    </style>
</head>
<body>
<div class="outer">
    <include file="./Application/Home/View/Index/head_inc.html"/>
    <div class="inner-box">
        <ul>
            <li>
                <a href="demo/detail/01" target="_blank" style="background: url('/public/images/index/demo/demo_01/cover.jpg') no-repeat center"></a>
                <h4>专题页面01</h4>
                <h5>UI：木头多愁</h5>
            </li>
            <li>
                <a href="demo/detail/02" target="_blank" style="background: url('/public/images/index/demo/demo_02/cover.jpg') no-repeat top"></a>
                <h4>CSS3大白</h4>
            </li>
            <li>
                <a href="demo/detail/03" target="_blank" style="background: url('/public/images/index/demo/demo_03/cover.jpg') no-repeat center"></a>
                <h4>响应式瀑布流图片墙</h4>
            </li>
            <li>
                <a href="demo/detail/04" target="_blank" style="background: url('/public/images/index/demo/demo_04/cover.jpg') no-repeat center"></a>
                <h4>仿手机QQ音乐app</h4>
            </li>
            <li>
                <a href="demo/detail/05" target="_blank" style="background: url('/public/images/index/demo/demo_05/cover.jpg') no-repeat center 2%; background-size: 454px;"></a>
                <h4>小娱媒体首页</h4>
                <h5>UI：咴咴.°</h5>
            </li>
            <li>
                <a href="demo/detail/06" target="_blank" style="background: url('/public/images/index/demo/demo_06/cover.jpg') no-repeat center 2%; background-size: 454px;"></a>
                <h4>行动派首页</h4>
            </li>
            <li>
                <a href="demo/detail/07" target="_blank" style="background: url('/public/images/index/demo/demo_07/cover.jpg') no-repeat center 2%; background-size: 454px;"></a>
                <h4>商品详情页</h4>
            </li>
            <li>
                <a href="demo/detail/08" target="_blank" style="background: url('/public/images/index/demo/demo_08/cover.jpg') no-repeat center 2%; background-size: 454px;"></a>
                <h4>诊后随访</h4>
            </li>
        </ul>
    </div>
    <include file="./Application/Home/View/Index/footer_inc.html"/>
</div>
<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="/public/scripts/base.js"></script>
<script>

    //统一执行入口
    $(function(){
    })
</script>
</body>
</html>